@charset "utf-8";


.header{ position:fixed; left:0; top:0; width:100%; z-index:10;}

.header .top{ background:#f5f5f5; border-bottom:1px solid #eaeaea; height:41px; padding:0 40px;}

.header .daoh{  position:fixed;width:100%; border-bottom: 1px solid rgba(255,255,255,0.2); z-index: 99;}
.header .daoh .logo{ float: left; padding-top:10px;}
.header .daoh .logo a{ display: block; line-height: 0; }
.header .daoh .daoh_r{ float: right; padding-top:20px; height:98px; border-left: 1px solid rgba(255,255,255,0.3);}
.header .daoh .ss{ float: right; }
.header .daoh .in_wrap{ overflow:hidden; float: right;}
.header .daoh .wrap{ overflow:hidden;}
.langue { float:right; padding-left: 40px; margin-top: 15px; padding-right: 28px; height: 65px; position: relative;}
.langue .lanjt {width:24px; height: 24px; background: url("../images/lague.png") no-repeat; display: inline-block;}
.eng { display:none;background: #fff;box-shadow: 0 1px 11px rgba(0,0,0,0.3); width:100px;color: #000000;
    padding:10px 15px;
    position: absolute;
    top: 63px;
	right:-10px;
    z-index: 96;}
.eng:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-bottom-color: #fff;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}


.eng a {    line-height:40px;font-size: 16px; display: block; width: 100%; text-align: center;}	
.eng a:hover {color:#cfab6f;}
.molangue { float: right; padding-right: 15px; line-height: 60px; font-size: 18px; color: #D1A15D;}

.header .daoh .navs{ display: block;}
.header .daoh .navs > li{ float: left; padding: 0 23px; text-align: center; line-height:99px;}
.header .daoh .navs > li > a{ font-size: 18px; line-height: 99px; color: #fff; display: inline-block;position:relative;}
.header .daoh .navs > li > a:before{ content:""; position: absolute; background-color: #CFAB6F; width: 0; height: 0; left: 0; bottom: 0px; transition: 0.4s; -webkit-transition: 0.4s;}
.logol {display:none;}

.header .daoh .navs > li > a.on:before,.header .daoh .navs > li > a:hover:before{ width:100%; height: 5px;}
.header .daoh .ss{ margin:9px 24px 0 0; line-height: 34px;}
.header .daoh .ss a{ display: block;background: url(../images/searchw.png) no-repeat; width: 24px; height: 26px; float: right;  cursor:pointer;}
.header .daoh .ss .btn #subSearch{ display: none; line-height: 20px; background: none; color:#fff; width: 24px; height: 32px; }
.header .daoh:hover .ss .btn #subSearch,.scollheader .header .daoh .ss .btn #subSearch{ color:#999999;}
.header .daoh:hover .ss .btn #subSearch svg path,.scollheader .header .daoh .ss .btn #subSearch svg path{ fill:#999999;}


.header .daoh .ss .btn {margin:0; padding: 0; border: none; outline: 0;}
.header .daoh .srk{ display: none; position:absolute; text-align: center; background: rgba(209,161,93,0.8); top:100%; right:0; height:66px; width:0px; z-index:1;}
.header .daoh .srk .serleft{ height:100%; color: #fff; display: inline-block; width: 72%; border:none;background: none; outline: 0; border-radius: 3px; padding:5px 10px; }
.serleft::-webkit-input-placeholder {
color:#fff;
}    /* 使用webkit内核的浏览器 */
.serleft::-moz-placeholder {
color:#fff;
}                  /* Firefox版本4-18 */
.serleft::-moz-placeholder {
color:#fff;
}                  /* Firefox版本19+ */
.serleft::-ms-input-placeholder {
color:#fff;
}  

.header .daoh .srk .searbut { border:none; background: url("../images/searchw.png") no-repeat; width: 24px; height: 24px; outline: 0;}
.scollheader .daoh,.daoh:hover { background:#fff; box-shadow: 0 1px 11px rgb(0 0 0 / 25%);    transition: 0.3s;
    -webkit-transition: 0.3s;}
.scollheader .logow,.daoh:hover .logow { display:none;}
.scollheader .logol,.daoh:hover .logol { display:block;}
.scollheader .header .navs > li > a,.header .daoh:hover .navs > li > a { color:#333;}
.header .daoh .navs > li > a:hover,.header .daoh .navs > li > a.on { color: #D1A15D; }

.header .daoh:hover .ss a,.scollheader .header .ss a {background: url("../images/searchh.png") no-repeat; }
.header .daoh:hover .langue .lanjt,.scollheader .langue .lanjt {  background: url("../images/lagueh.png") no-repeat;}
.header .daoh:hover .daoh_r,.scollheader  .daoh_r{border-left:1px solid #F7F7F7;}


.menubtn { transition: 0.4s; position: relative; z-index: 20; float: right; cursor: pointer; width: 28px; height: 38px;}
.menubtn span { margin-top: 26px; display: block; width: 100%; height: 2px; background: #fff; position: relative; vertical-align: middle; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s; cursor: pointer;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #fff; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s }
.menubtn span:before { top: -10px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }
.menubtn span:after { bottom: -10px; width: 16px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -ms-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }
.daoh:hover .menubtn span,.daoh:hover .menubtn span:after,.daoh:hover .menubtn span:before,.scollheader .menubtn span,.scollheader .menubtn span:after,.scollheader .menubtn span:before { background:#999999;}

.menubtn.active span { background-color: transparent !important; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -ms-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s }

.menubtn.active span:after,
.menubtn.active span:before { -webkit-transition-delay: 0s, .3s; background: #fff !important; -moz-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s }

.menubtn.active span:before { top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }

.menubtn.active span:after { width: 100%; bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.pc-nav{width:100%;}
.pc-nav li{	margin-bottom:18px;  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateX(120px);}
.pc-nav li:last-child{	margin-bottom: 0;}
.pc-nav li .tit{
	font-size: 18px;
	color: #fff;
	display: block;
	font-weight: bold;
}
.pc-nav li .navson{
	margin-top: 10px;
}
.pc-nav li .navson a{
	display: inline-block;
	color: #fff;
	margin-right: .75rem;
}

.navigate.show .pc-nav li {opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition: 0.6s 0.4s;}

/*menu right*/
.header-right {
  float: right;
  margin-right: 38px;
  margin-top: 42px;
}
.navigate-mark {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.navigate {
  width: 76%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4;
  visibility: hidden;
  transition: 0.7s;
}
.navigate.show {
  visibility: visible;
}
.navigate.show:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show .navigate-item {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  transition: 0.6s 0.4s;
}
.navigate.show .navigate-item:nth-child(2) {
  transition-delay: 0.6s;
}
.navigate.show .navigate-item:nth-child(3) {
  transition-delay: 0.8s;
}
.navigate:before {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(209 161 93 / 24%);
  z-index: -2;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate:after {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 80px;
  top: -40px;
  background: rgb(209 161 93);
  z-index: -1;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate-list {
  position: absolute;
  left: 32.6%;
  top: 15%;
  right: 0;
  overflow: hidden;
}
.navigate-item {
  width: 33.3333%;
  float: left;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateX(120px);
}
.navigate-item dt {
  display: block;
  margin-bottom: 18px;
}
.navigate-item dt a {
  display: inline-block;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: lighter;
}
.navigate-item dd {
  display: block;
}
.navigate-item dd p a {
  display: inline-block;
  color: #a6c8f7;
  font-size: 24px;
  font-weight: lighter;
  line-height: 1.5;
}
.navigate-item dd p a:hover {
  color: #fff;
}

/*mobile*/
.header .daoh .gouwc{ margin-top: 1px; }
.header .daoh .gouwc a{ display: block; line-height: 0; position:relative;}
.header .daoh .gouwc b{ display:block; width:19px; height:19px; background-color:#e94820; color:#fff; border:1px solid #fff; border-radius:50%; line-height:19px; text-align:center; position:absolute; top:-9px; right:-9px; font-size:10px; font-weight:bold;}

.header .navdown{ position:absolute; left:0; top:99px; width:100%; z-index:999; background:rgba(0, 66, 134, 0.82); display:none;}
.header .navdown .yiji{  padding: 18px 0;}
.header .navdown .yiji li{ display:inline-block; padding:0 20px; color: #fff;}
.header .navdown .yiji a,
.header .navdown .yiji span{ display:block; color:inherit;}
.header .navdown .yiji .ion{ height:86px; background-repeat:no-repeat; background-position:center top; min-width:120px;}
.header .navdown .yiji .txt{ font-size:16px;}
.header .navdown .yiji a:hover span{ color:#d1a15d;}
.header .navdown .yiji a:hover .ion{ background-position:center bottom;}

.menu01 { text-align:center;}
.menu02 {text-align:center;}
.menu03 {text-align:center;}
.menu04 {text-align:center;}
.menu05 {text-align:right;}
.menu06 {text-align:right;}
.header .menu03 .yiji {padding-left:20%;}
.header .menu04 .yiji {padding-left:30%;}
.header .menu05 .yiji {padding-right:15%;}
.header .menu06 .yiji {padding-right:10%;}


@media (max-width:1365px) {
	.header .daoh .navs > li {    padding: 0 16px;}
	.navigate-list {    left: 38%;top: 15%;}
	
}
@media (max-width:1279px) {
	
.header .daoh .navs > li {    padding: 0 12px;}
.header .daoh .navs > li > a {font-size:16px;}
.navigate-list {    left: 34%;top: 15%;}
.langue {
padding-left: 20px;
padding-right: 20px;
}
	
}
@media (max-width:991px) {

.navigate { width: 90%;}
.in_wrap {display:none;}
.navigate-list {    left: 40%;top: 10%;}
	.navigate::after {	left: 30px; top:-30px;}
.header .daoh .daoh_r{ padding-top:10px; height:75px; }
.header .daoh .logo {    padding-top: 18px;}
	
}

@media (max-width:767px) {
.navigate {
    width: 120%;
  }
 
  .navigate-list {
    left: auto;
    right: 14.4%;
    overflow: visible;
  }
	
}


/* CSS Document */
.phone_nav{display:none;}

@media screen and (max-width:767px){
	.banner { margin-top:60px;}
	body{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

	.phone_nav{display: block;}
	.header{display: none;}
	.body_on{overflow:hidden; }
	

	/*头部*/
	.phone_nav .top{background: #fff;height:60px;position:fixed;left: 0;top: 0;width: 100%;box-sizing: border-box;padding: 0 10px;z-index: 999; box-shadow: 0 1px 11px rgb(0 0 0 / 25%);}
	.phone_nav .top .a{float: left; width: 150px; margin: 12px 0 0;}
	.phone_nav .top .but{float:right;width: 30px;height: 30px;margin: 14px 0;display: block;}	
	.phone_nav .top .but i{width:100%; height: 2px; margin-top: 15px; background: #999; display: block; position: relative; transition: 0.4s;}
	.phone_nav .top .but i:before,
	.phone_nav .top .but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #999; transition: 0.4s;}
	.phone_nav .top .but i:before{margin-top: -8px;}
	.phone_nav .top .but i:after{margin-top: 8px;}
	
	/*背景*/
	.phone_nav .box{width:100%;height: 100%;background: rgba(207,171,111,1);position: fixed;left: 0;top: 0;z-index: 98;transform: translateX(100%);transition: 0.7s;}
	.phone_nav .box_con{ margin:60px 10px 0px 10px; overflow-x: hidden;}
	
	/*列表*/
	.phone_nav .box_con ul{ border-bottom: 1px solid rgba(225,225,225,0.7);}
	.phone_nav .box_con li{ border-bottom: 1px solid rgba(225,225,225,0.7); padding: 10px 15px; position: relative;}
	.phone_nav .box_con li a{color:#fff; font-size: 18px;}
	.phone_nav .box_con li:last-child{border-bottom: 0; }
	.phone_nav .box_con ol{display: none;margin: 0;padding: 0;padding-top: 10px; list-style: none; }
	.phone_nav .box_con ol li {border-bottom:none; padding: 5px 20px; font-size: 16px;}
	.phone_nav .box_con ol li a {font-size:inherit;}
	.phone_nav .box_con .a_zk{position:absolute; right:10px; top:18px; width: 20px; display: block; height: 8px; transition:0.4s;  transform: rotate(180deg);
	background: url(../images/ico_nav.png) right no-repeat;}
	.phone_nav .box_con .a_zk_on{transform: rotate(0deg);}
	
	/*打开样式*/
	.phone_on .top .but i:before{ transform: rotate(45deg); margin: 0;}
	.phone_on .top .but i:after{ transform: rotate(-45deg); margin: 0;}
	.phone_on .top .but i{ background:none;}
	.phone_on .box{transform: translateX(0%); }
	


	
	
	
}